<template>
    <div class="item">
        <h1 > 吃喝玩乐</h1>
        <h2 > 技术 </h2>
        <hr>
        <h3 > webpack3（打算使用webpack4和react4一起使用）</h3>
        <hr>
        <h4 > vue2（因为最近想找工作，看很多都在招聘vue的，所以做一个作品面试用）</h4>
        <hr>
        <h5> mint-UI、MUI（可以使页面美观一些，mint-UI适用于vue项目，而MUI是因为我还没有使用其做过作品，所以用用）</h5>
        <hr>
        <h6> js、css、html（等级都是混合使用的【h5\c5\es6】，因为哪个方便【想起来了】就用的哪个）</h6>

    </div>
</template>

<script>

</script>

<style lang="less" scoped>
    @base-color:#011;
    .item(@n, @i: 1) when (@i =< @n) {
        h@{i} {
            background-color:@base-color*@i ;
            margin: 3px*@i 7px*@i;
            color:(@base-color+100)*3*@i;
            padding: 3px*@i 7px*@i;
        }
        .item(@n, (@i + 1));
    }
    .item (6);


</style>